{% extends 'viewflow/workflow/task_base.html' %}
{% load i18n viewflow workflow %}

{% block breadcrumbs_items %}
  <a href="{% reverse viewset 'index' %}">{{ process.flow_class.process_title }}</a>
  <a href="{% reverse viewset 'process_detail' process.pk %}">#{{ process.pk }}</a>
  <a>{{ task.flow_task.task_title }} #{{ task.pk}}</a>
{% endblock %}

{% block task_content %}
  <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4">
    <md-outlined-text-field label="Created" icon="schedule" disabled value="{{ task.created|timesince }}" style="width:100%"></md-outlined-text-field>
  </div>
  <div class="mdc-layout-grid__cell  mdc-layout-grid__cell--span-4">
    <md-outlined-text-field label="Assigned" icon="update" disabled value="{{ task.assigned|timesince }}" style="width:100%"></md-outlined-text-field>
  </div>
  <div class="mdc-layout-grid__cell  mdc-layout-grid__cell--span-4">
    <md-outlined-text-field label="Finished" icon="watch_later" disabled value="{{ task.finished|timesince }}" style="width:100%"></md-outlined-text-field>
  </div>
  <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6">
    <h4 class="mdc-typography mdc-typography--headline5" style="margin-bottom:10px">{% trans "Previous tasks" %}</h4>
    <div>
      {% for prev_task in task.previous.all %}
        <a class="mdc-typography mdc-typography--subtitle1" href="{% reverse prev_task.flow_task 'index' process.pk prev_task.pk %}">{{ prev_task.flow_task.task_description|default:prev_task.flow_task.task_title }}</a>{% if not forloop.last %}, {% endif %}
      {% empty %}
        <span class="mdc-typography mdc-typography--subtitle1" style="color:grey">{% trans "No previous tasks" %}</span>
      {% endfor %}
    </div>
  </div>
  <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6">
    <h4 class="mdc-typography mdc-typography--headline5"  style="margin-bottom:10px">{% trans "Next tasks" %}</h4>
    <div>
      {% for next_task in task.leading.all %}
        <a class="mdc-typography mdc-typography--subtitle1" href="{% reverse next_task.flow_task 'index' process.pk next_task.pk %}">{{ next_task.task_description|default:next_task.flow_task.task_title }}</a>{% if not forloop.last %}, {% endif %}
      {% empty %}
        <span class="mdc-typography mdc-typography--subtitle1" style="color:grey">{% trans "No next tasks" %}</span>
      {% endfor %}
    </div>
  </div>
  {% with subprocesses=task.subprocesses.all %}{% if subprocesses %}
  <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
    <h4 class="mdc-typography mdc-typography--headline5"  style="margin-bottom:10px">{% trans "Subprocess" %}</h4>
    <div>
      {% for subprocess in subprocesses %}
        <a class="mdc-typography mdc-typography--subtitle1" href="{% reverse subprocess.flow_class 'process_detail' subprocess.pk %}">{{ subprocess }}</a>{% if not forloop.last %}, {% endif %}
      {% endfor %}
    </div>
  </div>
  {% endif %}{% endwith %}
{% endblock %}

{% block task_actions %}
  {% for label, url in view.get_actions %}
    <a class="mdc-button mdc-button--touch" href="{{ url }}">
      <span class="mdc-button__ripple"></span>
      <span class="mdc-button__touch"></span>
      <span class="mdc-button__focus-ring"></span>
      <span class="mdc-button__label">{% trans label %}</span>
    </a>
  {% endfor %}
{% endblock %}
